<template>
<div class="headPor" @click="toUserMain">
    <el-badge :value="value" :max="99" class="item">
        <el-avatar icon="el-icon-user-solid"></el-avatar>
    </el-badge>
    </div>
</template>

<script>
    export default {
        name: 'headPor',
        components: {},
        data() {
            return {
                value: 12,
            };
        },
        methods: {
            toUserMain() {
                this.$router.push('/userMain')
            }
        },
    };
</script>

<style>
    .item {
        margin-top: 10px;
        margin-right: 40px;
    }
    
    .headPor {
        height: 50px;
        line-height: 50px;
        margin: 0 auto;
        grid-column: 2/3;
    }
</style>